<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>03元素属性操作</title>
		<script src="../js/jquery-1.11.1.js"></script>
		<!-- 
		 prop() ---功能：与attr类似，附加属性，针对表单，默认选中
		 removeProp() ---功能：与removeAttr类似，附加属性，针对表单，移除属性
		 prop()设置的是附加属性
		 attr()设置的是固有属性
		 -->
	</head>
	<body>
		<h1>prop()和removeProp()函数使用</h1>
		<!-- 复选框，默认选中 id=“myCheckBox”
		     三个按钮 
		 
		 -->
		
		 <input type="checkbox"  id="myCheckBox" checked>
		 <button id="getProBtn">获取属性</button>
		 <button id="setProBtn">设置属性</button>
		 <button id="removeProBtn">删除属性</button>
		 <div id="output"></div>
		 <script>
			 $("#getProBtn").click(function(){
				 var o1=$("#myCheckBox").prop("checked");
				 $("#output").text(o1);
			 });
			 $("#setProBtn").click(function(){
			 				 $("#myCheckBox").prop("checked",false);
			 				
			 });
			 $("#removeProBtn").click(function(){
			 				 $("#myCheckBox").removeProp("checked");
			 				
			 });
		 </script>
	</body>
</html>